<!DOCTYPE html>
<html lang="java">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>VUE</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<link rel="shortcut icon" href="../resources/img/ico/logo.png">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script src="../resources/js/vue/vue.js" type="text/javascript"></script>
</head>
<body>

<div id="app">
	{{message}}
</div>
<div id="app-2">
	<span v-bind:title="message">
		鼠标悬停几秒钟查看此处动态绑定的提示信息！
	</span>
	<p v-if="seen">
		你看到我了
	</p>
</div>

<script type="text/javascript">
	var app = new Vue({
		el:'#app',
		data:{
			message:'Hello first vue html'
		}
	});

	var app2 = new Vue({
		el: '#app-2',
		data: {
			message: '页面加载于'+new Date().toLocaleDateString(),
			seen: false
		}
	})

</script>


</body>
</html>
